<template>
<div>
	<div class="note-title-a">vue3 变量声明方式</div>
	<div class="note-example-list-box">
		<div class="note-example-list-item">
			<Demo01></Demo01>
			<Demo03></Demo03>
		</div>
		<div class="note-example-list-item">
			<Demo02></Demo02>
		</div>
	</div>
	<!-- <Var04></Var04>
	<Var05></Var05>
	<Var06></Var06> -->
</div>
</template>
<script setup>
import Demo01 from './Demo01.vue'
import Demo02 from './Demo02.vue'
import Demo03 from './Demo03.vue'
// import Var04 from './Var04.vue'
// import Var05 from './Var05.vue'
// import Var06 from './Var06.vue'
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>